<template>
  <div>
    <h2>Count组件</h2>
    <p>count的值:{{ count }}</p>
    <button @click="increment">count的值累加</button>
    <p>电影列表的长度{{ movieList.length }}</p>
    <p>电影列表中名字在3-6的</p>
    <ol>
      <li v-for="item in getMovieList3_6" :key="item.tvId">{{ item.name }}</li>
    </ol>
  </div>
</template>

<script>
import { mapState, mapMutations, mapGetters } from "vuex";
export default {
  name: "Count",
  computed: {
    ...mapState(["count", "movieList"]),
    ...mapGetters(["getMovieList3_6"]),
  },
  methods: {
    ...mapMutations(["increment"]),
  },
};
</script>

<style></style>
